<!DOCTYPE html>
<html xmlns:width="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <title>攻击事件</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../common/layui/css/layui.css"  media="all">
    <link rel="stylesheet" href="../css/nav.css">
    <script src="../jsplug/echarts.js"></script>
    <script src="../../common/layui/layui.js" charset="utf-8"></script>
</head>
<body>

<ul class="layui-nav">
    <div class="admin-logo-box">
        <a class="logo" href="#">
            <img src="../../common/images/logo1.png" alt="" width="50%" height="70%">
        </a>
    </div>
    <div class="leftNav">
        <li class="layui-nav-item">
            <a href="index.html">首页</a>
        </li>
        <li class="layui-nav-item">
            <a href="securityTab.html">安全分析</a>
            <dl class="layui-nav-child">
                <dd><a href="securityTab.html">可视化</a></dd>
                <dd><a href="securityTab.html">攻击事件</a></dd>
            </dl>
        </li>
        <li class="layui-nav-item">
            <a href="TrafficAna.html">流量分析</a>
        </li>
        <li class="layui-nav-item">
            <a href="fileLoad.html">日志管理</a>
            <dl class="layui-nav-child">
                <dd><a href="fileLoad.html">上传日志</a></dd>
                <dd><a href="javascript:;">配置管理</a></dd>
            </dl>
        </li>
        <li class="layui-nav-item" lay-unselect="">
            <a href="javascript:;"><img src="../../common/images/user.jpg" class="layui-nav-img">我</a>
            <dl class="layui-nav-child">
                <dd><a href="javascript:;">修改信息</a></dd>
                <dd><a href="../../login.html">退出系统</a></dd>
            </dl>
        </li>
    </div>
</ul>

<div class="left" style="width: 35%;display: inline-block">
    <div id="main"  class="leftPie" style="width: 300px;height:400px"></div>
</div>
<div class="right" style="width: 60%; display:inline-block">
    <div class="eventTable">
        <table class="layui-table">
            <colgroup>
                <col width="100">
                <col width="150">
            </colgroup>
            <thead>
            <tr>
                <th>ID</th>
                <th>开始时间</th>
                <th>结束时间</th>
                <th>攻击类型</th>
                <th>详细描述</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>identification</td>
                <td>1.30 18：30</td>
                <td>1.30 19：30</td>
                <td>病毒攻击</td>
                <td>单击详情</td>
            </tr>
            <tr>

                <td>identification</td>
                <td>1.30 18：30</td>
                <td>1.30 19：30</td>
                <td>病毒攻击</td>
                <td>单击详情</td>
            </tr>
            <tr>
                <td>identification</td>
                <td>1.30 18：30</td>
                <td>1.30 19：30</td>
                <td>病毒攻击</td>
                <td>单击详情</td>
            </tr>
            <tr>
                <td>identification</td>
                <td>1.30 18：30</td>
                <td>1.30 19：30</td>
                <td>病毒攻击</td>
                <td>单击详情</td>
            </tr>
            <tr>
                <td>identification</td>
                <td>1.30 18：30</td>
                <td>1.30 19：30</td>
                <td>病毒攻击</td>
                <td>单击详情</td>
            </tr>
            <tr>
                <td>identification</td>
                <td>1.30 18：30</td>
                <td>1.30 19：30</td>
                <td>病毒攻击</td>
                <td>单击详情</td>
            </tr>
            <tr>
                <td>identification</td>
                <td>1.30 18：30</td>
                <td>1.30 19：30</td>
                <td>病毒攻击</td>
                <td>单击详情</td>
            </tr>
            <tr>
                <td>identification</td>
                <td>1.30 18：30</td>
                <td>1.30 19：30</td>
                <td>病毒攻击</td>
                <td>单击详情</td>
            </tr>
            <tr>
                <td>identification</td>
                <td>1.30 18：30</td>
                <td>1.30 19：30</td>
                <td>病毒攻击</td>
                <td>单击详情</td>
            </tr>
            <tr>
                <td>identification</td>
                <td>1.30 18：30</td>
                <td>1.30 19：30</td>
                <td>病毒攻击</td>
                <td>单击详情</td>
            </tr>
            <tr>
                <td>identification</td>
                <td>1.30 18：30</td>
                <td>1.30 19：30</td>
                <td>病毒攻击</td>
                <td>单击详情</td>
            </tr>
            <tr>
                <td>identification</td>
                <td>1.30 18：30</td>
                <td>1.30 19：30</td>
                <td>病毒攻击</td>
                <td>单击详情</td>
            </tr>
            </tbody>
        </table>
    </div>

</div>

<div style="margin-top: 15px;">

    <!-- 示例-970 -->
    <ins class="adsbygoogle" style="display:inline-block;width:970px;height:90px" data-ad-client="ca-pub-6111334333458862" data-ad-slot="3820120620"></ins>

</div>
<script src="../js/securityAna.js"></script>
<script>
    layui.use('element', function(){
        var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
        //监听导航点击
        element.on('nav(demo)', function(elem){
            //console.log(elem)
            layer.msg(elem.text());
        });
    });
</script>
</body>
</html>